<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/artwork.css">
</head>

<body>
    <nav>
        <div class="imgbox1"><img src="./image/我艺.png" alt=""></div>
        <input type="search" placeholder="搜索">
        <div class="imgbox2"><img src="./image/放大镜.png" alt=""></div>
        <ul class="dropdown">
            <li><a href="./homePage.html" target="_blank">首页</a></li>
            <li><a href="">艺术品</a></li>
            <li><a href="./artist.html" target="_blank">艺术家</a></li>
            <li><a href="./exhibition.html" target="_blank">展览</a></li>
            <li><a href="./article.html" target="_blank">文章</a></li>
        </ul>
        <div class="navRight">
            <button class="register">注册</button>
            <button class="login">登录</button>
        </div>
    </nav>
    <main>
        <div class="newest">
            <button class="new">最新作品</button>
            <button class="recommend">推荐作品</button>
        </div>
        <div class="choose">
            <span>类别：<select name="" id="">
                    <optgroup>
                        <option value="全部">全部</option>
                    </optgroup>
                </select></span>
            <span>年代：<select name="" id="">
                    <optgroup>
                        <option value="全部">全部</option>
                    </optgroup>
                </select></span>
            <span>类别：
                <select name="" id="">
                    <optgroup>
                        <option value="全部">全部</option>
                        <div class="country">
                            <option value="">荷兰</option>
                            <option value="">法国</option>
                            <option value="">中国</option>
                            <option value="">意大利</option>
                            <option value="">英国</option>
                            <option value="">美国</option>
                        </div>
                    </optgroup>
                </select></span>
                <span>授权</span>
                <span>认证</span>
        </div>
        <div class="content">
            <div class="left">
                <div class="imgbox3">
                    <img src="./image/人体画系列2.png" alt="">
                        <p class="picture">皮诺·德埃尼《人体画系列》</p>
                        <p class="data"><span>21</span>点赞/<span>3</span>评论/<span>306</span>收藏</p>
                        <p class="youhua">油画</p>
                        <p class="time">两个月前发表</p>
                    <div class="heart">
                        <img src="./image/空心.png" alt="">
                    </div>
                    <div class="star">
                        <img src="./image/五角星.png" alt="">
                    </div>
                </div>
                <div class="imgbox4">
                    <img src="./image/《最后的晚餐》.png" alt="">
                        <p class="picture">达·芬奇《最后的晚餐》</p>
                        <p class="data"><span>21</span>点赞/<span>58</span>评论/<span>49</span>收藏</p>
                        <p class="youhua">油画</p>
                        <p class="time">两个月前发表</p>
                </div>
                <div class="imgbox4">
                    <img src="./image/舞蹈.png" alt="">
                        <p class="picture">马蒂斯《舞蹈》</p>
                        <p class="data"><span>11</span>点赞/<span>36</span>评论/<span>26</span>收藏</p>
                        <p class="youhua">油画</p>
                        <p class="time">两个月前发表</p>
                </div>
                <div class="imgbox5">
                    <img src="./image/向日葵.png" alt="">
                        <p class="picture">梵高《向日葵》</p>
                        <p class="data"><span>88</span>点赞/<span>102</span>评论/<span>306</span>收藏</p>
                        <p class="youhua">油画</p>
                        <p class="time">两个月前发表</p>
                </div>
            </div>
            <div class="middle">
                <div class="imgbox6">
                    <img src="./image/人体画系列3.png" alt="">
                        <p class="picture">皮诺·德埃尼《人体画系列》</p>
                        <p class="data"><span>36</span>点赞/<span>21</span>评论/<span>36</span>收藏</p>
                        <p class="youhua">油画</p>
                        <p class="time">两个月前发表</p>
                </div>
                <div class="imgbox7">
                    <img src="./image/呐喊.png" alt="">
                        <p class="picture">蒙克《呐喊》</p>
                        <p class="data"><span>63</span>点赞/<span>324</span>评论/<span>306</span>收藏</p>
                        <p class="youhua">油画</p>
                        <p class="time">两个月前发表</p>
                </div>
                <div class="imgbox7">
                    <img src="./image/《夜晚露天咖啡座》.png" alt="">
                        <p class="picture">梵高《夜晚露天咖啡座》</p>
                        <p class="data"><span>21</span>点赞/<span>3</span>评论/<span>86</span>收藏</p>
                        <p class="youhua">油画</p>
                        <p class="time">两个月前发表</p>
                </div>
                <div class="imgbox6">
                    <img src="./image/酒店前的西班牙夫妇.png" alt="">
                        <p class="picture">毕加索《酒店前的西班牙夫妇》</p>
                        <p class="data"><span>33</span>点赞/<span>351</span>评论/<span>306</span>收藏</p>
                        <p class="youhua">油画</p>
                        <p class="time">两个月前发表</p>
                </div>
            </div>
            <div class="right">
                <div class="imgbox8">
                    <img src="./image/《蒙娜丽莎》.png" alt="">
                        <p class="picture">蒙克《呐喊》</p>
                        <p class="data"><span>18</span>点赞/<span>32</span>评论/<span>36</span>收藏</p>
                        <p class="youhua">油画</p>
                        <p class="time">两个月前发表</p>
                </div>
                <div class="imgbox9">
                    <img src="./image/《生命之舞》.png" alt="">
                        <p class="picture">蒙克《生命之舞》</p>
                        <p class="data"><span>44</span>点赞/<span>25</span>评论/<span>306</span>收藏</p>
                        <p class="youhua">油画</p>
                        <p class="time">两个月前发表</p>
                </div>
                <div class="imgbox10">
                    <img src="./image/《有星星的夜空》.png" alt="">
                        <p class="picture">梵高《有星星的天空》</p>
                        <p class="data"><span>46</span>点赞/<span>346</span>评论/<span>306</span>收藏</p>
                        <p class="youhua">油画</p>
                        <p class="time">两个月前发表</p>
                </div>
                <div class="imgbox9">
                    <img src="./image/穆斯克前的的吉普赛人.png" alt="">
                        <p class="picture">毕加索《穆斯克前的吉普赛人》</p>
                        <p class="data"><span>21</span>点赞/<span>3</span>评论/<span>36</span>收藏</p>
                        <p class="youhua">油画</p>
                        <p class="time">两个月前发表</p>
                </div>
            </div>
            <div class="loading">
                <img src="./image/加载中.png" alt="">
                <p>加载中</p>
            </div>
            <div class="shuming">
                <p>》</p>
            </div>
        </div>
        

    </div>
    <div class="mainBottom">
        <p>客服中心 | 专家顾问 | 法律政策 | 关于我们 | 企业服务 | 中文 | English</p>
    </div>
    </main>
    <footer>
        <div class="address">
            <p>我们在这：北京市小店区平阳路122号  电话：010-12345678</p>
            <p>邮箱：957894748@126.com</p>
        </div>
        <div class="code">
            <img src="./image/二维码.png" alt="">
        </div>
        <div class="juxing">
            <img src="./image/矩形.png" alt="">
        </div>
        <div class="woyi">
            <img src="./image/我艺.png" alt="">
        </div>
    </footer>
</body>

</html>